<template>
	<!-- <z-paging ref="paging" v-model="list" @query="getData" :loading-more-enabled="false"> -->
		<view class="d-ccc"
			style="background-image: url('/static/kedudianhua.png');background-size: 100% 100%;height: 254rpx;">
			<view class="ds_bj">
				<view class="beijing">
					<u-collapse @change="change" @close="close" @open="open">
						<u-collapse-item title="游泳馆服务">
							<u-icon name="tags-fill" size="20" slot="icon"></u-icon>
							<!-- <text class="u-collapse-content">7月1日至7月9日14:00-19:30,7月10日至8月28日09:00-11:30 14:00-19:30</text> -->
						</u-collapse-item>
						<u-collapse-item title="游泳馆工作时间">
							<!-- <text class="u-collapse-content">7月1日至7月9日14:00-19:30,7月10日至8月28日09:00-11:30 14:00-19:30</text> -->
						</u-collapse-item>
						<u-collapse-item title="忘记密码">
							<!-- <text class="u-collapse-content">7月1日至7月9日14:00-19:30,7月10日至8月28日09:00-11:30 14:00-19:30</text> -->
						</u-collapse-item>
						<u-collapse-item title="工作人员公示">
							<!-- <text class="u-collapse-content">7月1日至7月9日14:00-19:30,7月10日至8月28日09:00-11:30 14:00-19:30</text> -->
						</u-collapse-item>
						<u-collapse-item title="比赛合作">
							<!-- <text class="u-collapse-content">7月1日至7月9日14:00-19:30,7月10日至8月28日09:00-11:30 14:00-19:30</text> -->
						</u-collapse-item>
						<u-collapse-item title="其他服务">
							<!-- <text class="u-collapse-content">7月1日至7月9日14:00-19:30,7月10日至8月28日09:00-11:30 14:00-19:30</text> -->
						</u-collapse-item>
					</u-collapse>
				</view>
			</view>
			<view class="btns flex-between" @tap="call">
				<view >拨打场馆电话</view>
			</view>
		</view>

	<!-- </z-paging> -->
</template>

<script>
	import {
		getMember
	} from '@/common/api';
	export default {
		data() {
			return {};
		},
		methods: {
			open(e) {
				// console.log('open', e)
			},
			close(e) {
				// console.log('close', e)
			},
			change(e) {
				// console.log('change', e)
			},
			onmessage(){
				
			},
			// 拨打电话
			call() {
				uni.makePhoneCall({
					phoneNumber: '025-52112605',
					success: function() {
						console.log('拨打电话成功');
					},
					fail() {
						console.log('打电话失败了');
					}
				})
			},
		}
	};
</script>

<style lang="scss" scoped>
	/deep/ .u-cell__body {
	    display: flex;
	    flex-direction: row;
	    box-sizing: border-box;
	    padding: 18px 15px !important;
	    font-size: 15px;
	    color: #303133;
	    align-items: center;
	}

	.d-ccc {
		// height: 250rpx;
		// background-color: #59a0ff;
		position: relative;
	}

	.btns {
		width: 100%;
		display: flex;
		justify-content: center;
		position: absolute;
		top: 90vh;
	
		view {
			width: 80%;
			height: 80rpx;
			background-color: #3c7efc;
			text-align: center;
			line-height: 80rpx;
			border-radius: 80rpx;
			color: #fff;
		}
	}

	.beijing {
		width: 90%;
		height: 813rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 38rpx 8rpx rgba(100, 143, 244, 0.07);
		border-radius: 20rpx;
		left: 5%;
		position: absolute;
		top: 100rpx;
	}

	.d-ff {
		color: #fff;
	}

	.d-bold {
		font-weight: bold;
	}

	.d-box {
		margin-top: -70rpx;
	}

	.d-card {
		background: #ffffff;
		box-shadow: 0rpx 5rpx 38rpx 0rpx rgba(6, 0, 1, 0.1);
		border-radius: 30rpx;
	}

	.d-type {
		// padding: 5rpx 10rpx;
		// background-color: #ffffff;
		color: #ffffff;
		border-radius: 4rpx;
		height: 36rpx;
		// padding: 0 18rpx;
	}
</style>